// variables, t 开头，表示 theme
@t-navbarBg: #324157;
@t-background: #F1F0F0;
@t-fontSizeSm: 1.2rem;
@t-fontSizeMd: 1.4rem;
@t-fontSizeLg: 1.6rem;

// mixins
.x-backgroundCover(@imgUrl) {
  background-image: url(@imgUrl);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;

}
.title{
  width: 15%;

  text-align: center;
  font-size:2.8rem;
  height: 9rem;
  line-height: 9rem;
}
.flex_y{
  display: flex;
  flex-direction: column;
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
  html { font-size: 703%; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
  html { font-size: 732.4%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
  html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
  html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
  html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
  html { font-size: 843.75%; }
}
